<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=640,user-scalable=no" />
		<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
		<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
		<script type="text/javascript" src="plugin/laytpl/laytpl.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/chart6.js"></script>
		<style>
			/* 清除浮动 */ 
			.clearfix:before,.clearfix:after { 
				content:""; 
				display:table; 
			} 
			.clearfix:after { 
				clear:both; 
				overflow:hidden; 
			} 
			.clearfix { 
				zoom:1; /* for IE6 IE7 */ 
			} 
			.clear{ 
				clear:both; 
				display:block; 
				overflow:hidden; 
				height:0; 
				line-height:0; 
				font-size:0; 
			}
			table {
				width: 80%;
				margin: 0 auto;
			}
			table,th,td{
				border: 1px solid black;
			}
			table th,
			table td {
				text-align: center;
			}
			.handler span{display: block; float: left; font-size: 25px; padding: 5px 10px; border: 1px solid black; margin: 0 10px;}
			.handler span.active{background: blue; color: white;}
			.handler input{display: block; float: left; font-size: 22px; padding: 5px 10px; border: 1px solid black; margin: 0 10px;}
			
		</style>
		<title></title>
	</head>

	<body>
		<div class="handler clearfix">
			<span class="active" data-id="0">半年报</span>
			<span data-id="1">季报</span>
			<span data-id="2">月报</span>
			<input type="date">
		</div>
		<h1>分国内国际</h1>
		<div id="chart3" style="height:600px"></div>
		<div id="table3"></div>
		<div id="chart4" style="height:600px"></div>
		<div id="table4"></div>
		<div id="chart5" style="height:600px"></div>
		<div id="table5"></div>
		<h1>分进出港</h1>
		<div id="chart6" style="height:600px"></div>
		<div id="table6"></div>
		<div id="chart7" style="height:600px"></div>
		<div id="table7"></div>
		<div id="chart8" style="height:600px"></div>
		<div id="table8"></div>

		
		<script id="tableTpl3" type="text/html">
			<table>
				<tr>
					<th>年份</th>
					<th>国内/国际</th>
					<th>货物邮件数</th>
					<th>增长率</th>
					{{# for(var i = 0, len = d.length; i< len; i++){ }}
					<tr>
						<td rowspan="2">{{ d[i].TIME }}</td>
						<td>国内</td>

						<td>{{ d[i].GNHY }}</td>

						<td>{{ d[i].percentageGNHY }}</td>

				</tr>
				<tr>
					<td>国际</td>
					<td>{{ d[i].GJHY }}</td>
					<td>{{ d[i].percentageGJHY }}</td>
				</tr>
				{{# } }}
				</tr>
			</table>
		</script>
		<script id="tableTpl4" type="text/html">
			<table>
				<tr>
					<th>年份</th>
					<th>国内/国际</th>
					<th>旅客人数</th>
					<th>增长率</th>
					{{# for(var i = 0, len = d.length; i< len; i++){ }}
					<tr>
						<td rowspan="2">{{ d[i].TIME }}</td>
						<td>国内</td>

						<td>{{ d[i].GNPCU }}</td>

						<td>{{ d[i].percentageGNPCU }}</td>

				</tr>
				<tr>
					<td>国际</td>
					<td>{{ d[i].GJPCU }}</td>
					<td>{{ d[i].percentageGJPCU }}</td>
				</tr>
				{{# } }}
				</tr>
			</table>
		</script>
		<script id="tableTpl5" type="text/html">
			<table>
				<tr>
					<th>年份</th>
					<th>国内/国际</th>
					<th>起降架次</th>
					<th>增长率</th>
					{{# for(var i = 0, len = d.length; i< len; i++){ }}
					<tr>
						<td rowspan="2">{{ d[i].TIME }}</td>
						<td>国内</td>

						<td>{{ d[i].GNJCN }}</td>

						<td>{{ d[i].percentageGNJCN }}</td>

				</tr>
				<tr>
					<td>国际</td>
					<td>{{ d[i].GJJCN }}</td>
					<td>{{ d[i].percentageGJJCN }}</td>
				</tr>
				{{# } }}
				</tr>
			</table>
		</script>
		
		<script id="tableTpl6" type="text/html">
			<table>
				<tr>
					<th>年份</th>
					<th>进口出口</th>
					<th>货物邮件数</th>
					<th>增长率</th>
					{{# for(var i = 0, len = d.length; i< len; i++){ }}
					<tr>
						<td rowspan="2">{{ d[i].TIME }}</td>
						<td>进口</td>

						<td>{{ d[i].HYI}}</td>

						<td>{{ d[i].percentageHYI }}</td>

				</tr>
				<tr>
					<td>出口</td>
					<td>{{ d[i].HYO }}</td>
					<td>{{ d[i].percentageHYO }}</td>
				</tr>
				{{# } }}
				</tr>
			</table>
		</script>
		<script id="tableTpl7" type="text/html">
			<table>
				<tr>
					<th>年份</th>
					<th>进口/出口</th>
					<th>旅客人数</th>
					<th>增长率</th>
					{{# for(var i = 0, len = d.length; i< len; i++){ }}
					<tr>
						<td rowspan="2">{{ d[i].TIME }}</td>
						<td>进口</td>

						<td>{{ d[i].PCUI }}</td>

						<td>{{ d[i].percentagePCUI }}</td>

				</tr>
				<tr>
					<td>出口</td>
					<td>{{ d[i].PCUO }}</td>
					<td>{{ d[i].percentagePCUO }}</td>
				</tr>
				{{# } }}
				</tr>
			</table>
		</script>
		<script id="tableTpl8" type="text/html">
			<table>
				<tr>
					<th>年份</th>
					<th>进口/出口</th>
					<th>起降架次</th>
					<th>增长率</th>
					{{# for(var i = 0, len = d.length; i< len; i++){ }}
					<tr>
						<td rowspan="2">{{ d[i].TIME }}</td>
						<td>进口</td>

						<td>{{ d[i].JCNI }}</td>

						<td>{{ d[i].percentageJCNI }}</td>

				</tr>
				<tr>
					<td>出口</td>
					<td>{{ d[i].JCNO }}</td>
					<td>{{ d[i].percentageJCNO }}</td>
				</tr>
				{{# } }}
				</tr>
			</table>
		</script>
	</body>

</html>